<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体图标使用</title>
</head>
<style>
    /**字体声明*/
    @font-face {
        font-family: 'icomoon';
        src:  url('fonts/icomoon.eot?se5qop');
        src:  url('fonts/icomoon.eot?se5qop#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?se5qop') format('truetype'),
        url('fonts/icomoon.woff?se5qop') format('woff'),
        url('fonts/icomoon.svg?se5qop#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    span {
        font-family: 'icomoon';
        font-size: 100px;
    }
</style>
<body>
    <span></span>
</body>
</html>